<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body> 
		
<!-- 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。
实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定：
-->
			 
        <div id="app">
          <p>input 元素：</p>
          <input v-model="message">
          <p>消息是: {{ message }}</p>
            
          <p>textarea 元素：</p>
          <p>{{ message2 }}</p>
          <textarea v-model="message2" ></textarea>
        </div>
         
        <script>
        new Vue({
          el: '#app',
          data: {
            message: '我的消息1111111',
            message2: '我的信息'
          }
        })
        </script>


	</body>
</html>

<!--使用 v-for="item in list"  或者 v-for="item of list" 进行遍历都可。-->

